<!--团队成员历史业绩-->
<ion-header>
    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="backButtonClick($event)">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>直播详情</ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
    <div class="liveShowTittle">
        <!--<p>{{liveShowDetailData.name}}</p>-->
        <p>{{liveShowName}}</p>
        <p>直播时间：{{ liveShowTime | unixRsolvedPipe:'YYYY/MM/DD HH:mm' }}</p>
    </div>
    <div class="performanceHead">
        <div class="groupType">
            <span class="divLeft" (click)="openDetailSelect()">业务组 <i></i>
                <!--<ion-select interface="action-sheet" placeholder="全部" cancelText="取消" [selectOptions]="{cssClass:'liveShowSel'}"-->
                            <!--(ionChange)="chooseDetailGroup($event)"  [(ngModel)]="groupId">-->
                    <!--<ion-option value="">全部</ion-option>-->
                    <!--<ion-option *ngFor="let a of liveShowDetailData.groupList,let i = index;" [value]="a.id"-->
                    <!--&gt;{{a.name}}</ion-option>-->
                <!--</ion-select>-->
            </span>

            <span class="typeName">营销员</span>
            <span class="thisYear noLineHeight">
                <p>是否</p>
                <p>观看</p>
                <i></i>
            <ion-select interface="action-sheet" placeholder="全部" #select1
                        cancelText="取消" [selectOptions]="{cssClass:'liveShowSelect',title:'是否观看'}"
                        (ionChange)="chooseIfWatched($event)" [(ngModel)]="isWatched">
                <ion-option value="">全部</ion-option>
                <ion-option value="1">是</ion-option>
                <ion-option value="0">否</ion-option>
            </ion-select>
            </span>

            <span class="noLineHeight">
                <p>是否</p>
                <p>回看</p>
                <i></i>
            <ion-select interface="action-sheet" placeholder="全部" cancelText="取消" #select2
                        [selectOptions]="{cssClass:'liveShowSelect',title:'是否回看'} "
                        (ionChange)="chooseIfReview($event)"  [(ngModel)]="isReview">
                <ion-option value="">全部</ion-option>
                <ion-option value="1">是</ion-option>
                <ion-option value="0">否</ion-option>
            </ion-select>
            </span>

        </div>
    </div>
</ion-header>
<ion-content>

    <div class="groupList">
        <div class="oneStepGroup">
            <div *ngIf="liveShowDetailData.detailList && liveShowDetailData.detailList.length === 0 && isLoaded"
                 class="no-data">
                <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
                <div class="no-data-txt">没有相关数据</div>
            </div>
            <div class="groupItem" *ngFor="let a of liveShowDetailData.detailList">
                <!--<div class="groupItem">-->

                <span>{{a.groupName}}</span>
                <span>{{a.agentCode}}</span>
                <span>{{a.isWatched?'是':'否'}}</span>
                <span>{{a.isPlayBack?'是':'否'}}</span>
            </div>
        </div>

    </div>

    <!--<ion-fab bottom right class="go-up">-->
        <!--<button ion-fab (click)="goUp()" color="light">-->
            <!--<img class="go-up-icon" src="./assets/images/client/client-list/icon_top.png" alt="">-->
        <!--</button>-->
    <!--</ion-fab>-->

    <div class="go-up" ion-fixed (click)="goUp()">
        <img class="go-up-icon" src="./assets/images/client/client-list/icon_top.png" alt="">
    </div>
</ion-content>
